
.main>.mid{
    display:flex;
    height:350px;
    border:5px solid #3f95cc;
}
.main>.mid>.instr{
    width:550px;
    border-right:5px solid #3f95cc;
}
.main>.mid>.instr>.instr-head{
    background-color:#f1f1f1;
    height:50px;
    font-size:20px;
    text-align:left;
}
.main>.mid>.instr>.instr-text p{
    font-size:16px;
    line-height:30px;
    text-indent:2rem;
    padding:15px;
    text-align:left;
}
.main>.mid>.instr>.instr-head img{
    vertical-align: middle;
    margin-left:10px;
    margin-right:7px;

}
.main>.mid>.login{
    width:450px;
    text-align:center;
}
.main>.mid>.login>.login-head{
    background-color:#f1f1f1;
    height:50px;
    width:450px;
    font-size:20px;
    text-align:left;
}
.main>.mid>.login>.login-head img{
    vertical-align: middle;
    margin-left:10px;
    margin-right:7px;
}
.main>.mid>.login>input{
    width:200px;
    height:30px;
    border:#d9d9d9 1px solid;
    margin-top:20px;
    margin-bottom:10px;
}
.main>.mid>.login>#yzm{
    width:80px;
}
.main>.mid>.login>span{
    padding:5px 12px;
    margin-left:38px;
    background-color:#d2e4e8;
}
.main>.mid>.login>button{
    width:200px;
    height:35px;
    background-image:linear-gradient(to top,#e3a809,#fdc65c);
    border:0px;
    font-size:16px;
    font-family: '微软雅黑';
    margin-bottom:15px;
}
.main>.mid>.login>p>a+a{
    padding:0 10px;
    border-left:1px solid black;
}
.main>.foot{
    padding-bottom:8px;
    border-bottom:#00a3e1 2px solid;
}
.main>.foot>ul{
    display:flex;
    justify-content: space-around;
    text-align:left;
    background-color:#eee;
    padding:32px 10px 13px 20px;
}
.main>.foot>ul>li{
    width:300px;
}
.main>.foot>ul img{
    vertical-align:middle;
}
.main>.foot>ul div{
    font-size:18px;
    font-weight: bold;
}
.main>.foot>ul div p,.main>.foot>ul div p a{
    font-size:14px;
    font-weight: normal;
    color:#838383;
}


